<!DOCTYPE html>
<html>
<head>
	<title>案例</title>
	<link rel="stylesheet" href="./css/index.css">
	<link rel="stylesheet" href="./css/swiper.min.css">
</head>
<body id="content">
	<script language="javascript" type="text/javascript" src="./js/header.js"></script>
	<!-- 二次/开发 -->
	<div class="content">
		<div class="project news_project" style="padding-top:0;">
			<div class="project_title">
				<h1>
					<span class="">-二次</span>
					<span class="font_item">开发-</span>
				</h1>
				<div class="hr_2"></div>
				<div class="project_info">
					5年专注，网站建设
					<div class="project_info_en">5 years focus, the website construction </div>
				</div>
			</div>
		</div>
		<ul class="list_nav twice_nav">
			<li data-twice="0" class="focus">服务</li>
			<li data-twice="1">营销</li>
			<li data-twice="2">推广</li>
			<li data-twice="3">展示</li>
		</ul>
		<div class="swiper-container" id="twice_swiper">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<main>
						<div class="conter typeArea" style="width:900px;margin-top:80px;">
							<div class="lear hub">
								<div class="con-left">
									<img src="./img/twice_03.png">
								</div>
								<div class="con-right" style="margin-left:100px;line-height: 50px;">
									<p>微支付【主流支付方式，商家必备功能】</p>
									<p>微投票【收集消费评价，了解消费需求】</p>
									<p>微预约【用户自主预约服务，提高服务效率】</p>
									<p>进度查询【物流、服务进度快速查询，信息尽在掌握】</p>
									<p>微政务【政务服务在线办理，构建政府百姓沟通桥梁】</p>
								</div>
							</div>
						</div>
					</main>
				</div>	
				<div class="swiper-slide">
					<main>
						<div class="conter typeArea" style="width:900px;margin-top:80px;">
							<div class="lear hub">
								<div class="con-left">
									<img src="./img/twice_03.png">
								</div>
								<div class="con-right" style="margin-left:100px;line-height: 50px;">
									<p>微支付【主流支付方式，商家必备功能】</p>
									<p>微投票【收集消费评价，了解消费需求】</p>
									<p>微预约【用户自主预约服务，提高服务效率】</p>
									<p>进度查询【物流、服务进度快速查询，信息尽在掌握】</p>
									<p>微政务【政务服务在线办理，构建政府百姓沟通桥梁】</p>
								</div>
							</div>
						</div>
					</main>
				</div>
				<div class="swiper-slide">
					<main>
						<div class="conter typeArea" style="width:900px;margin-top:80px;">
							<div class="lear hub">
								<div class="con-left">
									<img src="./img/twice_03.png">
								</div>
								<div class="con-right" style="margin-left:100px;line-height: 50px;">
									<p>微支付【主流支付方式，商家必备功能】</p>
									<p>微投票【收集消费评价，了解消费需求】</p>
									<p>微预约【用户自主预约服务，提高服务效率】</p>
									<p>进度查询【物流、服务进度快速查询，信息尽在掌握】</p>
									<p>微政务【政务服务在线办理，构建政府百姓沟通桥梁】</p>
								</div>
							</div>
						</div>
					</main>
				</div>
				<div class="swiper-slide">
					<main>
						<div class="conter typeArea" style="width:900px;margin-top:80px;">
							<div class="lear hub">
								<div class="con-left">
									<img src="./img/twice_03.png">
								</div>
								<div class="con-right" style="margin-left:100px;line-height: 50px;">
									<p>微支付【主流支付方式，商家必备功能】</p>
									<p>微投票【收集消费评价，了解消费需求】</p>
									<p>微预约【用户自主预约服务，提高服务效率】</p>
									<p>进度查询【物流、服务进度快速查询，信息尽在掌握】</p>
									<p>微政务【政务服务在线办理，构建政府百姓沟通桥梁】</p>
								</div>
							</div>
						</div>
					</main>
				</div>
			</div>	
		</div>	
	</div>
	<!-- 解决方案 -->
	<div class="solut_bg">
		<div class="absolut">
			<div class="solution">
				<div class="project_title">
					<h1>
						<span class="solut" style="color:#fff;">-解决</span>
						<span class="font_item">方案-</span>
					</h1>
					<div class="hr_2"></div>
					<div class="project_info" style="margin-bottom:30px;">
						5年专注，网站建设
						<div class="project_info_en">5 years focus, the website construction </div>
					</div>
					<div class="solut_list">
						<div class="list_mudule">
							<img src="./img/list_101_07.png">
							<p>电商类</p>
						</div>
						<div class="list_mudule">
							<img src="./img/list_102_07.png">
							<p>电商类</p>
						</div>
						<div class="list_mudule">
							<img src="./img/list_103_07.png">
							<p>电商类</p>
						</div>
						<div class="list_mudule">
							<img src="./img/list_104_07.png">
							<p>电商类</p>
						</div>
						<div class="list_mudule">
							<img src="./img/list_105_07.png">
							<p>电商类</p>
						</div>
						<div class="list_mudule">
							<img src="./img/list_106_07.png">
							<p>电商类</p>
						</div>
						<div class="list_mudule">
							<img src="./img/list_107_07.png">
							<p>电商类</p>
						</div>
						<div class="list_mudule">
							<img src="./img/list_108_07.png">
							<p>电商类</p>
						</div>
						<div class="list_mudule">
							<img src="./img/list_109_07.png">
							<p>电商类</p>
						</div>
						<div class="list_mudule">
							<img src="./img/list_110_07.png">
							<p>电商类</p>
						</div>
					</div>
				</div>
			</div>
		</div>	
	</div>
	<!-- 案例演示 -->
	<div class="main">
		<div class="content" >
			<div class="project">
				<div class="project_title">
					<h1>
						<span class="">-案例</span>
						<span class="font_item">展示-</span>
					</h1>
					<div class="hr_2"></div>
					<div class="project_info">
						技术更跨界，创意更自由。西安网站建设知名品牌！
						<div class="project_info_en">ENHANCE CORPORATE BRAND BUSINESS VALUE IS OUR MOST FUNDAMENTAL </div>
					</div>
				</div>

				<ul class="btn_nav">
					<li data-index="0" class="active">小程序</li>
					<li data-index="1">品牌官网</li>
					<li data-index="2">企业商城</li>
				</ul>
				<div class="anli">
					<div class="swiper-container" id="anli_swiper">
						<div class="swiper-wrapper">

							<div class="swiper-slide">
								<!-- 小程序 -->
								<div class="xcx_item"></div>
								<div class="xcx_item"></div>
								<div class="xcx_item"></div>
								<div class="xcx_item"></div>
								<div class="xcx_item"></div>
								<div class="xcx_item"></div>
							</div>
							<div class="swiper-slide">
								<!-- 品牌官网 -->
								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>
							</div>
							<div class="swiper-slide">
								<!-- 企业商城 -->
								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>
							</div>

						</div>
						<!-- Add Pagination -->
						<div class="swiper-pagination"></div>
					</div>
				</div>
				<div></div>
			</div>
		</div>
	</div>
	<!-- 开发优势 -->
	<div class="goodness">
		<div class="project_title">
			<h1>
				<span class="">-开发</span>
				<span class="font_item">优势-</span>
			</h1>
			<div class="hr_2"></div>
			<div class="project_info">
				技术更跨界，创意更自由。西安网站建设知名品牌！
				<div class="project_info_en">ENHANCE CORPORATE BRAND BUSINESS VALUE IS OUR MOST FUNDAMENTAL </div>
			</div>
		</div>
		<div class="goodness_main">
			<img src="./img/team_03.png">
			<p class="p1">20人开发团队，互联网全领域专家团。专注解决应用开发中的各类难题，能给予功能策划，运营推广，销售策略方面最专业实用的意见。祝您快速适应新时代。</p>
			<p class="p2">专业平面设计小组，精通各类网站界面风格。以时尚的审美和卓越的视觉创造力，为您打造高颜值的APP。</p>
			<p class="p3">售后服务，操作指导，战略咨询，运营方案。</p>
			<p class="p4">5年互联网服务经验，20000+企业共同选择。以不断追求精进的技术理念，创造出领先的标准化开发流程。确保客户在这里能够享受到更专业，更优质的服务。</p>
		</div>
	</div>
	<script language="javascript" type="text/javascript" src="./js/footer.js"></script>
	<script src="./js/swiper.min.js"></script>
	<script src="./js/jquery.min.js"></script>
	<script src="./js/jquery.nicescroll.min.js"></script>
	<script>
		// 初始化案例
		var anli_swiper = new Swiper('#anli_swiper', {
			simulateTouch: false,//禁止鼠标模拟
			speed: 500,
		});
		$(".btn_nav li").click(function () {
			$(this).addClass("active").siblings(".active").removeClass("active")
			var k = $(this).attr("data-index");
			anli_swiper.slideTo(k, 500, function () {

			})
		})
		// 初始化案例
		var twice_swiper = new Swiper('#twice_swiper', {
			simulateTouch: false,//禁止鼠标模拟
			speed: 500,
		});
		$(".twice_nav li").click(function () {
			$(this).addClass("focus").siblings(".focus").removeClass("focus")
			var t = $(this).attr("data-twice");
			twice_swiper.slideTo(t, 500, function () {

			})
		})
	</script>
</body>
</html>